<template>
	 <div style="position:fixed;right:20px;bottom:30px;">
     <van-icon :name="shopCartPng" size="35" @click="redirectTo('/order')" /> <br/>
     <van-icon :name="categoryPng" size="35" @click="redirectTo('/items/category')" /> <br/>
     <van-icon :name="personPng" size="35" @click="redirectTo('/user')" />   <br/>
   </div>
</template>


<script>
import { Tabbar, TabbarItem, Icon } from 'vant';
import personPng from '@/assets/images/mall_tabbar_person.png';
import shopCartPng from '@/assets/images/mall_tabbar_shopcart.png';
import categoryPng from '@/assets/images/mall_tabbar_category.png';

export default {
  data() {
    return {
      shopCartPng:shopCartPng,
      categoryPng:categoryPng,
      personPng:personPng,
      active: 0,
      showtabbar: true,
    };
  },



  watch: {
    $route: 'changeActive',
    getStoreItem () {
       
    }
  },

  computed:{
     getStoreItem(){
       this.showtabbar = this.$store.getters.getterShowTab;
     }
  },

  created() {
    const toName = this.$route.name;
  },

  methods: {
    redirectTo(link) {
      this.$router.push({ path:link  });
    },
  },

  components: {
    [Tabbar.name]: Tabbar,
    [TabbarItem.name]: TabbarItem,
    [Icon.name]: Icon
  }
};
</script>
